<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../../../css/app.css">
    <link rel="stylesheet" type="text/css" href="../../../css/tabBar.css">
    <link rel="stylesheet" type="text/css" href="../comm/buy_comm.css"/>
    <link rel="stylesheet" type="text/css" href="./css/publish_comment.css">
    <title>发表评价</title>
</head>

<body>
	<div id="buy-publisth-comment">
		<div :class="is_group ? 'header navigationBar group-header' : 'header navigationBar'">
	      	<div class="wrapper">
	          	<span id="btn-back" class="header-btn left-btn backtrack"></span>
	          	<span class="title">发表评价</span>
	      	</div>
	  	</div>
	  	<div :class="is_group ? 'container top-container publish-comment-group' : 'container top-container'">
	  		<div class="publish-comment-goods">
	  			<div>
	  				<img :src="goodsImg"/>
	  			</div>
	  			<ul @click="publishCommentSelect">
	  				<li data-score="2">
	  					<span></span>好评
	  				</li>
	  				<li data-score="1">
	  					<span></span>中评
	  				</li>
	  				<li data-score="0">
	  					<span></span>差评
	  				</li>
	  			</ul>
	  		</div>
	  		<div class="publish-comment-txt">
	  			<textarea name="" rows="0" cols="0" ref="commentTxt" placeholder="评论一下呗，给其他想买的小伙伴做个参考呗"></textarea>
	  			<div class="publish-comment-img">
	  				<div v-for="(item,index) in imgList">
	  					<img :src="item"/>
	  					<span :data-index="index" @click="imgDelete">×</span>
	  				</div>
	  				<div class="file" @click="upLoadImg">
	  					<!--<input type="file" name="" value="" />-->
	  					<img src="../../../image/shop/buy/buy-62.png"/>
	  					<p>添加图片</p>
	  				</div>
	  			</div>
	  		</div>
			<div class="publish-comment-check">
				<label><input type="checkbox" name="" class="aui-radio" value="" ref="nameCheck" />匿名</label>
				<span>你的评价能帮到其他小伙伴哦</span>
			</div>
	  		<div class="publish-comment-score">
	  			<h2><img src="../../../image/shop/buy/buy-17.png"/>店铺评分</h2>
	  			<ul>
	  				<li>
	  					<span>描述相符</span>
	  					<div @click="publishCommentScore" data-score="0" ref="describeScore">
	  						<span data-index="1"></span><span data-index="2"></span><span data-index="3"></span>
	  						<span data-index="4"></span><span data-index="5"></span>
	  					</div>
	  				</li>
	  				<li>
	  					<span>物流服务</span>
	  					<div @click="publishCommentScore" data-score="0" ref="flowScore">
	  						<span data-index="1"></span><span data-index="2"></span><span data-index="3"></span>
	  						<span data-index="4"></span><span data-index="5"></span>
	  					</div>
	  				</li>
	  				<li>
	  					<span>服务态度</span>
	  					<div @click="publishCommentScore" data-score="0" ref="attitudeScore">
	  						<span data-index="1"></span><span data-index="2"></span><span data-index="3"></span>
	  						<span data-index="4"></span><span data-index="5"></span>
	  					</div>
	  				</li>
	  			</ul>
	  		</div>
	  		<a href="javascript:void(0);" class="publish-comment-btn" @click="publishCommentSubmit">提交评价</a>
	  	</div>
	</div>
</body>
<script src="../../sea.js" data-main="../../main"></script>
<script type="text/javascript" src="../../vue.js"></script>
<script type="text/javascript" src="./js/publishComment.js"></script>
</html>
